:root.dark {
    --custom-mine-bg: #18181a;
    --custom-mine-card-bg: #232326;
    --custom-mine-text: #f7f7fa;
    --custom-mine-subtext: #bdbdc2;
    --van-background-color: #18181a;
    --van-text-color: #f7f7fa;
    --van-nav-bar-background-color: #232326;
    --van-nav-bar-title-text-color: #fff;
    --van-nav-bar-icon-color: #fff;
    --van-tab-text-color: #bdbdc2;
    --van-tab-active-text-color: #fff;
    --van-grid-item-content-background-color: #232326;
    --van-grid-item-text-color: #f7f7fa;
    --van-cell-background-color: #232326;
    --van-cell-text-color: #f7f7fa;
    --van-button-default-color: #fff;
    --van-button-default-background-color: #35353a;
    --van-button-default-border-color: #35353a;
    --van-card-background-color: #232326;
    --van-tag-default-color: #fff;
    --van-tag-danger-color: #fff;
    --van-tabs-line-background-color: #fff;
    --van-divider-color: #35353a;
    --van-background-2: #232326;
    --van-border-color: #35353a;
    /* 自定义样式 */
    --custom-header-bg: #232326;
    --custom-header-text-active: #fff;
    --custom-player-bg: #232326;
    --custom-font-color: #fff;
}

body {
    background-color: var(--van-background-color);
    color: var(--van-text-color);
}

.header {
    background-color: var(--custom-header-bg);
}

.header .nav .active {
    color: var(--custom-header-text-active);
}

.player-container {
    background-color: var(--custom-player-bg);
}

* {
    transition: background-color 0.3s, color 0.3s;
}

.dark .van-nav-bar__title,
.dark .van-nav-bar__text,
.dark .van-cell__title,
.dark .van-cell__value,
.dark .van-tab--active,
.dark .van-grid-item__text,
.dark .van-button,
.dark .van-tag,
.dark .van-tabs__line {
    color: #fff !important;
}

.dark .van-cell,
.dark .van-grid-item__content,
.dark .van-tabs__wrap,
.dark .van-tabs__nav,
.dark .van-tabs__content,
.dark .van-card,
.dark .van-divider {
    background: #232326 !important;
}

.dark .van-icon,
.dark .van-icon * {
    color: #fff !important;
    fill: #fff !important;
}
.dark .van-button--default {
    color: #fff !important;
    border-color: #fff !important;
    background: #35353a !important;
}
.dark .van-tag,
.dark .van-tag--default,
.dark .van-tag--danger {
    color: #fff !important;
    background: #35353a !important;
    border-color: #fff !important;
}
.dark .van-cell__title,
.dark .van-cell__value {
    color: #fff !important;
}
.dark .van-nav-bar__title,
.dark .van-nav-bar__text {
    color: #fff !important;
}
.dark .van-divider {
    border-color: #35353a !important;
}
.dark .text,
.dark .playlist-title,
.dark .playlist-author,
.dark .playlist-desc {
    color: #fff !important;
}